/** Global **************************************/
* {
	all: unset;
	font-family: JetbrainsMono Nerd Font;
}


/** Background **********************************/
.background {
	background-color: #303446;
  border-radius: 12px;
  padding: 10px;
}


/** Generic window ******************************/
.genwin {
  background-color: #131313;
	border-radius: 16px;
  padding:5px;
}


/** Music ***************************************/
.cover {
	background-size: 180px;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 180px;
	min-width: 180px;
	margin: 4px;
	border-radius: 14px;
}

.title {
	color: #8FBCBB;
	font-size : 20px;
	font-weight : bold;
}

.artist {
	color: #Eed49f;
	font-size : 20px;
	font-weight : normal;
}

.time {
	color: #ABE9B3;
	font-size : 20px;
	font-weight : normal;
}

scale trough {
	all: unset;
	background-color: #303446;
	border-radius: 5px;
	min-height: 10px;
	min-width: 240px;
  margin: 10px;
}

scale trough highlight {
	all: unset;
	border-radius: 5px;
	background-color: #7c94bf;
}

.shuffle, .previous, .play, .next, .loop {
  color: #7c94bf;
  padding: 0px 10px;
}
.shuffle {
	font-size : 20px;
	font-weight : normal;
	margin: 0px 9px 0px 0px;
}
.previous {
	font-size : 32px;
	font-weight : normal;
}
.play {
	font-size : 20px;
	font-weight : bold;
	margin: 0px 0px 0px 2px;
}
.next {
	font-size : 32px;
	font-weight : normal;
}
.loop {
	font-size : 20px;
	font-weight : normal;
	margin: 0px 4px 0px 0px;
}


/** Power buttons *******************************/
.logout, .lock, .reboot, .poweroff, .suspend {
  color: #7c94bf;
	font-size : 30px;
	font-weight : bold;
  padding: 8px 0;
}

.lock {
	margin: 0px 0px 0px 0px;
}
.logout {
	margin: 0px 0px 0px -3px;
}
.suspend {
	margin: 0px 0px 0px -3px;
}
.reboot {
	margin: 0px 0px 0px -6px;
}
.poweroff {
	margin: 0px 0px 0px -6px;
}
